﻿<html>
<head>
<title>CSS3 Border Test</title>

<style type="text/css">
body {border: thin solid yellow;}
p {border: thick; 
  }
h3 {border: 20px solid green;}
h4 {border: 5em dashed red;}
em {border: 0.5cm dotted blue;}
</style>
</head>

<body>




<h1>CSS3 Border Test</h1>





<ul>
<li >
For "border", possible values are "border-width||border-style||color||tile||repeat".
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a UA-default
border - no border rendered - (with intiial values for border-style and border-color?) .
The rule applied is "p {border: thick;}", but initial value for "border-style" is "none".
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</p>
<h3>
The border of this h3 heading should be 20px solid green.  
The rule applied is "h3 {border: 20px solid green;}".
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</h3>
<h4>
The border of this h4 heading should be 5em dashed red.
The rule applied is "h4 {border: 5em dashed red;}".
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</h4>
<em>
This emphasized test should have a border of 0.5cm dotted blue.
The rule applied is "em {border: 0.5cm dotted blue;}".
This is more emphasized text.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</em>

<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one previous, so should also
have a UA-default border.  The "body" element also has a thin solid yellow border,
because of the rule "body {border: thin solid yellow;}". 
</p>

</body>
</html>
